@use "sass:color";
@use "../variables" as *; // 显示导入变量（符合 SCSS 模块化规范， 明确依赖关系，便于维护， 路径需根据实际位置做出调整）

// Dart Sass 3.0.0+ 强制使用模块化颜色函数(废弃darken内置函数， 使用color.adjust(color, $amount: value))
// 嵌套（Nesting）
.button {
  padding: $padding;
  background: $primary-color;
  color: white;

  &:hover {
    // background: darken($primary-color, 10%); // 旧版
    background: color.adjust($primary-color, $lightness: -10%); // 新版
  }

  &--large {
    padding: $padding * 2;
  }
}

@mixin button-variant($bgColor, $color: #FFFFFF, $is-disabled: false) {
  background: $bgColor;
  color: $color !important;
  padding: $padding $padding * 2;
  border-radius: 5px;
  @if $is-disabled {
    opacity: 0.5;
    pointer-events: none;
    cursor: not-allowed;
  }
}

.btn-primary {
  @include button-variant(#206CCF);
}

.btn-disabled {
  @include button-variant(gray, #545454, true);
}
